/* 公共样式 */

/* 自定义字体 */
@font-face {
  font-family: "PingFangSCRegular";
  src: url("../fonts/PingFangSCRegular.ttf") format("truetype");
}

/* 定义项目的通用字体样式（大小，行高，颜色，字体类型）、背景色、最小宽度） */
/* body中设置页面的通用字体样式 利用继承性 */
body {
  font: 14px/1.5 "PingFangSCRegular", Arial, "Microsoft YaHei";
  color: #333;
  background-color: #fff;
  min-width: 1226px;
}

/* 分析设计稿的版心，确定框架布局样式 */
.container {
  width: 1226px;
  margin: 0 auto;
}

/* iconfont */
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

/* 常见通用样式书写 防御式编程 */
/* 
单行和多行（2行）文字显示省略号。
图片等比缩放到正好覆盖父容器大小。
块级元素水平垂直居中代码 
*/

/*单行文字显示省略号*/
.ellipsis-single-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 多行文字显示省略号，常用2行 */
.ellipsis-multi-line2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /*控制显示的行数*/
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 图片等比缩放正好覆盖父容器（等比裁剪）*/
.img-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 块级元素水平垂直居中—方法1：Flex布局 */
.center-flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 块级元素水平垂直居中 — 方法2：绝对定位 + transform */
.center-absolute {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

input {
  /* 清除外轮廓的默认样式 */
  outline: none;
}
